<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt_rt" %>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"  %>
<%--
  ~ Copyright (c) 2017 22420103@QQ.COM 版权所有
  ~
  --%>

<div class="col-xs-12" style="margin-top:5px;">
	<table id="simple-table" class="table table-bordered table-hover">
		<thead>
			<tr>
				<th class="center">序号</th>
				<th class="center">订单号</th>
				<th class="center">用户ID</th>
				<th class="center">用户头像</th>
				<th class="center">用户昵称</th>
				<th class="center">流水号</th>
				<th class="center">商品描述</th>
				<th class="center">支付方式</th>
				<th class="center">充值金额</th>
				<th class="center">充值时间</th>


			</tr>
		</thead>
		
		<tbody>
			<c:forEach items="${data}" var="item" varStatus="i">
		       <tr>
					<td class="center">
						${i.index + 1}
					</td>
				   <td class="center">${item.outTradeNo }</td>
				   <td class="center">${item.userId }</td>
				   <td class="center"><img width=50 height=50 src="${item.userImg }" onerror="onerror=null;src='https://res.wx.qq.com/a/wx_fed/common_assets/16120602/win_weixin21/images/phone_logo2x.png'" /></td>
				   <td class="center">${item.nickName }</td>
				   <td class="center">${fn:substring(item.seqNo, 1, -1)}</td>
				   <td class="center">${item.body }</td>
				   <td class="center">
					   <c:if test="${item.appSystem == 'ANDROID'}"><i class="fa fa-android" aria-hidden="true"></i></c:if>
					   <c:if test="${item.appSystem == 'IOS'}"><i class="menu-icon fa fa-apple"></i></c:if>
					   <c:if test="${fn:startsWith(item.seqNo, 'A')}"></i>支付宝</c:if>
					   <c:if test="${fn:startsWith(item.seqNo, 'W')}">微信</c:if>
				   </td>
				   <td class="center"><fmt:formatNumber value="${item.fee}" pattern="#0.00" />元</td>
				   <td class="center">${item.inputTime }</td>
				</tr>
		    </c:forEach>

			</tbody>
		</table>
		<%@include file="../paging.jsp" %>
</div>

